import classNames from 'classnames'

export const DISPLAY_NAME_ALERT = 'Alert'

type AlertType = 'success' | 'default' | 'danger' | 'warning'
export interface AlertProps {
  /**标题 */
  title: string
  /**描述 */
  description?: string
  /**类型 四种可选 针对四种不同的场景 */
  type?: AlertType
  /**关闭alert时触发的事件 */
  onClose?: () => void
  /**是否显示关闭图标*/
  closable?: boolean
}

// 获取组件配置的class
export const getAlertClassNames = (
  props: AlertProps,
  extendClass?: () => Object
) => {
  const { type } = props
  return classNames(
    'alert',
    {
      [`alert-${type}`]: type,
    },
    extendClass && extendClass()
  )
}
